<div>
  <mat-tab-group>
    <mat-tab label="登录">
      <form>
        <div>
          <mat-form-field>
            <input matInput placeholder="用户名" name="username" [(ngModel)]="login.username">
          </mat-form-field>
        </div>
        <div>
          <mat-form-field>
            <input type="password" matInput placeholder="密码" name="pwd" [(ngModel)]="login.pwd">
          </mat-form-field>
        </div>
        <div>
          <button mat-button (click)="doLogin()">登录</button>
        </div>
      </form>
    </mat-tab>
    <mat-tab label="注册">
      <form>
        <div>
          <mat-form-field>
            <input matInput placeholder="用户名" name="username" [(ngModel)]="login.username">
          </mat-form-field>
        </div>
        <div>
          <mat-form-field>
            <input type="password" matInput placeholder="密码" name="pwd" [(ngModel)]="login.pwd">
          </mat-form-field>
        </div>
        <div>
          <mat-form-field>
            <input type="password" matInput placeholder="重复密码" name="confirmPwd" [(ngModel)]="login.confirmPwd">
          </mat-form-field>
        </div>
        <div>
          <button mat-button (click)="doRegistry()">注册</button>
        </div>
      </form>
    </mat-tab>
  </mat-tab-group>
</div>
